import Header from "./_header";
import style from "./page.module.css";

import cn from "@/utils/classnames";

export default async function SignInLayout({ children }: any) {
  return (
    <>
      <div
        className={cn(
          style.background,
          "flex min-h-screen w-full",
          "sm:p-4 lg:p-8",
          "gap-x-20",
          "justify-center lg:justify-start",
          // 添加背景图样式
          "bg-cover bg-center bg-no-repeat",
          "h-screen w-screen"
        )}
        style={{
          backgroundSize: "100% 100%",
        }}
      >
        <div className={cn("flex w-full shrink-0 flex-col", "space-between")}>
          <Header />
          <div
            className={cn(
              "flex w-full grow flex-col items-center justify-start", // 将内容居中对齐，并从顶部开始
              "px-[60px] pt-20" // 修改左右间距为60px
            )}
            style={{ marginTop: "50px" }}
          >
            <div
              className="flex items-start gap-x-20"
              style={{ marginLeft: "60px", marginTop: "50px" }}
            >
              <div className="flex items-start gap-x-20">
                <div className="flex flex-col gap-y-4">
                  <div style={{ color: "#FFFFFF", fontSize: "40px" }}>
                    Tunny LLM 应用开发平台
                  </div>
                  <div
                    style={{
                      color: "#FFFFFF",
                      fontSize: "20px",
                      maxWidth: "600px",
                    }}
                  >
                    提供从 Agent 构建到 AI workflow 编排、RAG
                    检索、模型管理等能力，轻松构建和运营生成式 AI 原生应用。
                  </div>
                </div>
                <div
                  className="flex flex-col rounded-xl px-[50px] md:h-[400px] md:w-[500px]"
                  style={{
                    backgroundColor: "rgba(44, 30, 51, 0.6)",
                    backgroundSize: "cover",
                    backgroundPosition: "center",
                    backgroundRepeat: "no-repeat",
                  }}
                >
                  <div
                    className="flex flex-col items-center"
                    style={{ marginLeft: "-72px" }}
                  >
                    {" "}
                    <div
                      style={{
                        marginLeft: "-230px",
                        marginTop: "50px",
                        color: "#A058FF",
                        fontSize: "24px",
                      }}
                    >
                      欢迎登录
                    </div>
                    <div
                      style={{
                        color: "#D5B5FF",
                        fontSize: "32px",
                        marginTop: "10px",
                      }}
                    >
                      Tunny AI应用开发引擎
                    </div>
                  </div>
                  {children}
                </div>
              </div>
            </div>
          </div>
          <div className="system-xs-regular px-8 py-6 text-center text-white">
            版权所有 ©青岛华正信息技术股份有限公司 保留一切权利
            鲁ICP备14032095号-6
          </div>
        </div>
      </div>
    </>
  );
}
